<template>
<div class="container">
  <el-tabs v-model="activeName">
              <el-tab-pane label="商品上传" name="first">
                <div style="width: 100%;height: 100%;display: flex;">
                <mine-page-1></mine-page-1>
                </div>
              </el-tab-pane>
              <el-tab-pane label="帖子上传" name="second">
                <div style="width: 100%; height: 100%; display: flex">
                  <mine-page-2></mine-page-2>
                </div>
              </el-tab-pane>
            </el-tabs>
</div>  
</template>

<script>
import minePage1 from './minePage1.vue';
import MinePage2 from './minePage2.vue';
export default {
  components: { minePage1, MinePage2 },
data(){
  return{
    activeName: "first",
  }
}
}
</script>

<style scoped>
.container{
  width: 100%;
  height: 100%;
}
</style>